<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Indiefilm Productions Studio Management System" />
<meta name="keywords" content="" />

<title>Indiefilm Studio Management System</title>
<link href="../../css/layout.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/typography.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/form.css" rel="stylesheet" type="text/css" media="all" /> 
<link rel="shortcut icon" href="../../favicon.ico" />
<link href="../../js/css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css"/>
<script src="../../js/jquery-1.4.3.min.js"></script>
<script src="../../js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="../../js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />   
<script type='text/javascript' src='../../js/fullcalendar.min.js'></script>
<link rel='stylesheet' type='text/css' href='../../css/fullcalendar.css' />
<script type='text/javascript' src='../../js/popframe.js'></script>
      <script type="text/javascript">
	$(function() {
		$("#datepickerBookingDate").datepicker({ changeYear: true, yearRange: '1900:2050', defaultDate: '0', dateFormat: 'dd/M/yy', changeMonth: true });

	});
	</script>  

</head>

<body>
<div id="Outer">
    <div id="Header">
        <div class="header-inner">
            <h1><img src="../../images/blackcurrent-logo.jpg" alt="Logo" /></h1>
            
            <div class="topTabContainer">
            	<div class="topTabSearch">Today is Wed, 4 Aug 10 - Hi Borden Li, <a href="#">Logout</a></div>
            </div>
            
            
            <div class="navContainer">
                <div id="nav-level-one">
                    <h2>Indiefilm Productions</h2>
                </div><!--Navigation Ends-->
        </div><!--navContainer Ends-->
        
        
        </div><!--header-inner Ends-->	
    </div><!--Header-->

        
  <div id="nav_two_level" class="nav_container">
 <div class="nav_container_inner">
	<ul id="nav">
        <li><a href="photo-bookings-list.html" class="current"><span></span><strong>Jobs</strong></a></li>
        <!--<li><a href="photo-album.html"><span></span><strong>Album Orders</strong></a></li> --><li><a href="photo-clients.html"><span></span><strong>Manage</strong></a></li>
        <li><a href="photo-accounts-invoice-open.html"><span></span><strong>Accounts</strong></a></li>
    </ul>
    <ul id="nav_second_level">
        <li><a href="photo-bookings-cal.html"><span></span><strong>Calendar</strong></a></li>
        <li><a href="photo-bookings-list.html"><span></span><strong>Appointment List</strong></a></li>
        <li><a href="photo-bookings-open.html"><span></span><strong>Open Jobs</strong></a></li>
        <li><a href="photo-bookings-closed.html"><span></span><strong>Closed Jobs</strong></a></li>
    </ul>
</div><!--nav_container_inner Ends-->  
</div><!--nav_two_level Ends-->  
        
<div class="clear"></div>        

  

    <div class="main-bg">
            
        <div id="Layout">
            <div class="inner-layout">	
                <div class="typography">
                  <div id="sideBar"><!--sideModule-->      
      <div class="sideModule">
      <h4>Calendar Display</h4>
     <h5>&nbsp;</h5>
</div> 
      <!--sideModule-->
      	
 
 
                    </div> <!--sidebar-->
                
                   <div class="contentLayout">
                
                
                <h2>New Job: BLP001003</h2>
                
  <div class="contentBox">
                        <div class="inner">           
                   <h3>Job Details</h3>    
                         <!--<div id="flash" class="error">Form Error Report Style</div>-->            
                        <div class="form-container"> 
<form method="post" id="client_form" action="/clients"><div style="margin: 0pt; padding: 0pt; display: inline;"></div>	
<fieldset class="styled">
  <div>
  
  
      <div>
      <label for="job_name">Job Number<em></em></label>
      BLP001003   
    </div>
    
       	<div>
   	  <label for="job_status">Job Status</label>
<select name="job[status]" id="job_status" class="half"><option value=""></option>
<option value="New Job TBC" selected="selected">New Job TBC</option>
<option value="Album Order">Open Job </option>
<option value="In Production">In Production </option>
<option value="In Post Production">In Post Production </option>
<option value="In Production">Review In Progress </option>
<option value="In Production">Delivery Pending </option>
<option value="Closed">Closed</option>
</select>
   	</div>
        
    
    
       	<div>
   	  <label for="job_country">Job Type</label>
      <select name="job[country]" id="job_country" class="half"><option value=""></option>
<option value="Wedding">Wedding</option>
<option value="Album Order">Album Order</option>
<option value="Commercial">Commercial/Portrait</option>
<option value="Video">Video</option>
<option value="Internal">Internal</option>
</select>
   	</div>
    
    <div>
      <label for="job_name">Job Name<em></em></label>
      <input type="text" size="40" name="job[name]" id="job_name">   
    </div>
   
   
  
    <div>
      <label for="job_email">Client<em></em></label>
      <input type="text" size="40" name="job[name]" id="job_email">
    </div>
    
     <div>
   	  <label for="job_custom_field_name">Contact Person</label>
   	  <input type="text" size="40" name="job[custom_field_name]" id="job_custom_field_name" class="short">
   	</div>
    
 	<div>
   	  <label for="job_custom_field_name">Contact Email</label>
   	  <input type="text" size="40" name="job[custom_field_name]" id="job_custom_field_name" class="short">
   	</div>
    
    <div>
   	  <label for="job_phone">Phone</label>
   	  <input type="text" size="40" name="job[phone]" id="job_phone" class="short">
   	</div>
   	
     <div>
   	  <label for="job_custom_field_name">Mobile</label>
   	  <input type="text" size="40" name="job[custom_field_name]" id="job_custom_field_name" class="short">
   	</div>
    
    
    <div>
      <label for="job_address">Street Address</label>
      <textarea rows="2" name="job[address]" id="job_address" cols="40" class="half"></textarea>
   	</div>
	
   	<div>
   	  <label for="job_city">City</label>
   	  <input type="text" size="40" name="job[city]" id="job_city" class="short">
   	</div>

    <div>
   	  <label for="job_province">State/Provience</label>
   	  <input type="text" size="40" name="job[province]" id="job_province" class="short">
   	</div>

   	<div>
   	  <label for="job_zip_code">Zip/Postal Code</label>
   	  <input type="text" size="5" name="job[zip_code]" id="job_zip_code" class="short">
   	</div>
    
      <div>
   	  <label for="job_description">Job Description</label>
      <textarea name="job_description" cols="50" rows="6" class="short" id="job_description"></textarea>
   	  </div>

<div>
 <label for="job_notes">Referral</label>
<select id="Form_Form_EditableDropdown4" name="EditableDropdown4">
            <option value="Please Select One">Please Select One</option>
            <option value="Reapting Customer">Reapting Customer</option>
            <option value="Google / Internet Search">Google / Internet Search</option>
            <option value="Word of Mouth">Word of Mouth</option>
            <option value="Media Advertising">Media Advertising</option>
            <option value="Events">Events</option>
            <option value="Other">Other</option>
          </select>
</div>

<div>
   	  <label for="job_account_manager">Account Manager</label>
   	  <input type="text" size="40" name="job[account_manager]" id="job_account_manager" class="short">
   	</div>

    <div></div>

  </div>
</fieldset>
   		
    	<div class="buttonrow">
        <input type="image" src="../../images/save_btn.png" id="Submit" class="action-btn" alt="Save"><span class="cancel"> or <a href="http://demo.curdbee.com/clients">Cancel</a></span>
  	  </div>


<div class="buttonrow">
        <input type="image" src="../../images/modify_btn.png" id="modify_submit" class="action-btn" alt="Modify"><span class="cancel"> or <a href="photo-clients.html">Cancel</a></span>
  	  </div>

</form>
</div><!--form Container Ends-->                      
</div><!--inner Ends-->
                    </div><!--contentBox Ends-->
                        
   <div class="contentBox">
                        <div class="inner">     
                       
                         <!--<div id="flash" class="error">Form Error Report Style</div>-->            
                        <div class="form-container"> 
                     
 <h3>Wedding Info</h3>    
<form method="post" id="client_form" action="/clients"><div style="margin: 0pt; padding: 0pt; display: inline;"></div>	
<fieldset class="styled">
  <div>
  

    <div>
      <label for="booking_name">Bride's Name<em></em></label>
      <input type="text" size="40" name="job[name]" id="booking_name">   
    </div>
   <div>
      <label for="booking_bookingdate">Groom's Name<em></em></label>
        <input type="text" size="40" name="booking_name" id="booking_name2" />
   </div>

    <div>
      <label for="booking_start_time">No. of Bridesmaids<em></em></label>
        <input id="booking_start_time" class="text nolabel"  type="text" size="4" />
    </div>
    
     <div>
      <label for="booking_end_time">No. of Groomsmen<em></em></label>
        <input id="booking_end_time" class="text nolabel"  type="text" size="4" />
    </div>
    
    <div>
      <label for="booking_bookingdate">Guests Number<em></em></label>
        <input id="booking_booking_hours" class="text nolabel"  type="text" size="4" />
    </div>

    <div></div>

  </div>
</fieldset>

</form>
</div><!--form Container Ends-->                      
                        </div><!--inner Ends-->
                  </div><!--contentBox Ends-->             
               
               
               <div class="contentBox">
                        <div class="inner">     
                       
                         <!--<div id="flash" class="error">Form Error Report Style</div>-->            
                        <div class="form-container"> 
                     
 <h3>Charge Details</h3>    
<table class="wide row" id="estimate_info_table">
      <thead>
        <tr>
          <th class="description">Item Name &amp; Description <a data-tip="Use a colon ':' to break the item name and the description when entering your item details and saving the item for reuse. e.g. Web Design: WordPress CMS Template Design and Development" rel="tip" href="#"><img alt="Help" src="../../images/help.png"></a></th>
          <th class="quantity">Qty.</th>
          <th class="unit_price">Price Per Unit</th>
          <th id="total_header" class="total_money">Total</th>
          <th class="action last"></th>
        </tr>
      </thead>
      <tbody id="line_items" class="ui-sortable">
        <script type="text/javascript">
//&lt;![CDATA[
Invoice.lineHTML = '&lt;tr class=\"line_item\"&gt;\n  &lt;td class=\"name_and_description_field\"&gt;&lt;textarea class=\"description\" cols=\"35\" id=\"invoice_line_items_attributes_0_name_and_description\" name=\"invoice[line_items_attributes][0][name_and_description]\" placeholder=\"Type item name to find existing or enter details for a new\" rows=\"2\"&gt;&lt;\/textarea&gt;\n  &lt;\/td&gt;\n  &lt;td class=\"quantity_field draggable\"&gt;&lt;input class=\" quantity numeric\" id=\"invoice_line_items_attributes_0_quantity\" name=\"invoice[line_items_attributes][0][quantity]\" size=\"30\" type=\"text\" /&gt;&lt;\/td&gt;\n  &lt;td class=\"units_field  draggable\"&gt;\n    &lt;input class=\" numeric unit_price money\" id=\"invoice_line_items_attributes_0_price\" name=\"invoice[line_items_attributes][0][price]\" size=\"30\" type=\"text\" value=\"0.00\" /&gt;&lt;span&gt; / &lt;\/span&gt;\n    &lt;input class=\" unit\" id=\"invoice_line_items_attributes_0_unit\" name=\"invoice[line_items_attributes][0][unit]\" size=\"30\" type=\"text\" value=\"item\" /&gt;\n  &lt;\/td&gt;\n  &lt;td class=\"last line_total draggable\"&gt;0.00&lt;\/td&gt;\n\n  &lt;td class=\"line_actions draggable\"&gt;\n    &lt;div class=\"line_actions_button\"&gt;\n      &lt;p class=\"line_action_image\"&gt;&lt;a class=\"line_action_link\" href=\"#\"&gt;Actions&lt;\/a&gt;&lt;\/p&gt;\n      &lt;p class=\"line_actions_box\" style=\"display:none;\"&gt;\n        &lt;a href=\"#\" class = \"delete_line\"&gt;Delete Row&lt;\/a&gt;&lt;br/&gt;\n        &lt;a href=\"#\" class=\"save_line\"&gt;Save Item for Reuse&lt;\/a&gt;\n      &lt;\/p&gt;\n    &lt;\/div&gt;\n\n    \n    &lt;input class=\"sort_order_field\" id=\"invoice_line_items_attributes_0_sort_order\" name=\"invoice[line_items_attributes][0][sort_order]\" type=\"hidden\" /&gt;\n  &lt;\/td&gt;\n&lt;\/tr&gt;\n'
//]]&gt;
</script>
        

         <tr class="line_item">
  <td class="name_and_description_field"><textarea rows="2" placeholder="Type item name to find existing or enter details for a new" name="invoice[line_items_attributes][1][name_and_description]" id="invoice_line_items_attributes_1_name_and_description" cols="35" class="description" style="color: rgb(204, 204, 204); overflow: hidden; display: block; height: 36px;" data-selected-val="-1"></textarea><div class="suggestion_results_list" style="display: none;"></div>
  </td>
  <td class="quantity_field draggable"><input type="text" size="30" name="invoice[line_items_attributes][1][quantity]" id="invoice_line_items_attributes_1_quantity" class=" quantity numeric"></td>
  <td class="units_field  draggable">
    <input type="text" value="0.00" size="15" name="invoice[line_items_attributes][1][price]" id="invoice_line_items_attributes_1_price" class=" numeric unit_price money"><span> / </span>
    <input type="text" value="item" size="15" name="invoice[line_items_attributes][1][unit]" id="invoice_line_items_attributes_1_unit" class=" unit">
  </td>
  <td class="last line_total draggable">0.00</td>

  <td class="line_actions draggable">
        <a href="#"><span class="icon3 minus"></span></a><a class="delete_line" href="#"></a><br>
  </td>
</tr><tr id="lines_control_row">
           <td id="new_line" class="plain" colspan="5"><a id="add_item" href="#">Add New Line</a></td>
         </tr>

        <tr id="lines_control_row">
           <td id="new_line" class="plain" colspan="5">
	
              <table class="wide row" id="pay_summary">
                      <tbody>
                        <tr id="sub_total_row">
                          <td>Sub-Total</td>
                          <td class="pay_input">&nbsp;</td>
                          <td>&nbsp;</td>
                          <td class="last" id="sub_total_value">$0.00</td>
                        </tr>

                  
                 <tr id="discount_row">
                   <td>Discount</td>
                   <td class="pay_input"><input type="text" value="0.00" size="4" name="invoice[discount]" id="invoice_discount" class="discount numeric"></td>
                       <td class="alignright"><a data-tip="You can enter an explicit value(i.e. $10.00) or as a percentage(10%)" rel="tip" href="#"><img alt="Help" src="../../images/help.png"></a></td>
                   <td id="discount_value" class="last">$0.00</td>
                 </tr>
               

                
                 <tr id="tax_row">
                   <td>VAT</td>
                   <td class="pay_input"><input type="text" value="0.00" size="4" name="invoice[tax]" id="invoice_tax" class="tax numeric"></td>
                       <td class="alignright"><a data-tip="You can enter an explicit value(i.e. $10.00) or as a percentage(10%)" rel="tip" href="#"><img alt="Help" src="../../images/help.png"></a></td>
                   <td id="tax_value" class="last">$0.00</td>
                 </tr>
                

                

                

                <tr id="final_total_row">
                      <td class="final_td"><strong>Total</strong></td>
                      <td class="final_td pay_input"></td>
                      <td class="final_td"></td>
                      <td class="final_td last" id="final_total_value">$0.00</td>
                  </tr>
                      </tbody>			
                  </table>

            </td>
		</tr>
       </tbody>
     </table>
</div><!--form Container Ends-->                      
                        </div><!--inner Ends-->
                  </div><!--contentBox Ends-->             
               
               
               
               
                        
                         <div class="contentBox">
                        <div class="inner">     
                       
                         <!--<div id="flash" class="error">Form Error Report Style</div>-->            
                        <div class="form-container"> 
                     
 <h3>Booking Details</h3>    
<form method="post" id="client_form" action="/clients"><div style="margin: 0pt; padding: 0pt; display: inline;"></div>	
<fieldset class="styled">
  <div>
  

    <div>
      <label for="booking_name">Booking Job Title<em></em></label>
      <input type="text" size="40" name="job[name]" id="booking_name">   
    </div>
   <div>
      <label for="booking_bookingdate">Booking Date<em></em></label>
        <input id="datepickerBookingDate" class="text nolabel"  type="text" size="10" />
    (Warning: you have other bookings on the same date)</div>
    
     <div>
      <label for="booking_name">Time Block Title<em></em></label>
      <input type="text" size="40" name="job[name]" id="booking_name">   
    </div>
    
    <div>
      <label for="booking_start_time">Start Time<em></em></label>
        <input id="booking_start_time" class="text nolabel"  type="text" size="10" />
    </div>
    
     <div>
      <label for="booking_end_time">End Time<em></em></label>
        <input id="booking_end_time" class="text nolabel"  type="text" size="10" />
    </div>
    
    <div>
      <label for="booking_bookingdate">Required Hours<em></em></label>
        <input id="booking_booking_hours" class="text nolabel"  type="text" size="4" />
    </div>
   
     <div>
      <label for="booking_bookingdate">Place Name<em></em></label>
        <input id="booking_block_place" class="text nolabel"  type="text" size="40" />
    </div>
    
       <div>
      <label for="booking_bookingdate">Address<em></em></label>
        <input id="booking_block_address" class="text nolabel"  type="text" size="40" />
    </div>
  
    <div>
      <label for="booking_email">Client<em></em></label>
      <input type="text" size="40" name="booking[name]" id="booking_email">
    (Auto Fill)</div>
    
     <div>
   	  <label for="booking_contact">Contact Person</label>
   	  <input type="text" size="40" name="booking[contact]" id="booking_contact" class="short">
   	</div>
   
    <div>
   	  <label for="booking_phone">Contact Phone</label>
   	  <input type="text" size="40" name="booking[phone]" id="booking_phone" class="short">
   	</div>

      <div>
   	  <label for="booking_description">Assign To Staff</label>
       <input type="text" size="40" name="booking_[staff]" id="booking_staff" class="short">
        (Type staff name)
   	  </div>
    
      <div>
   	  <label for="booking_description">Booking Notes</label>
      <textarea name="booking_notes" cols="50" rows="6" class="short" id="booking_description"></textarea>
   	  </div>


    <div></div>

  </div>
</fieldset>
   		
    	<div class="buttonrow">
        <input type="image" src="../../images/save_btn.png" id="Submit" class="action-btn" alt="Save"><span class="cancel"> or <a href="http://demo.curdbee.com/clients">Cancel</a></span>
  	  </div>


<div class="buttonrow">
        <input type="image" src="../../images/modify_btn.png" id="modify_submit" class="action-btn" alt="Modify"><span class="cancel"> or <a href="photo-clients.html">Cancel</a></span>
  	  </div>

</form>
</div><!--form Container Ends-->                      
                        </div><!--inner Ends-->
                    </div><!--contentBox Ends-->
</div><!-- ContentLayout Ends -->	
                </div><!-- typography Ends -->	
            </div><!-- inner-layout Ends -->
        </div><!-- Layout Ends -->
    
    </div><!-- main-bg Ends -->
    

    <div id="Footer">
    
        <div class="footer-tools">
            <ul class="footer-tools-list">
            <li>&copy; Indiefilm Productions</li>
            <li class="print"><a href="javascript:print();">Print this page</a></li>
            <!--<li class="email"><a href="#">Email this page</a></li>-->
            <li class="top"><a href="#Header">Page top</a></li>
            <li><a href="#">Logout</a></li>
            </ul>
        </div>
            
         

    </div><!-- Footer Ends -->
    
</div> <!--Outer Ends -->	






</body>
</html>
